<html>

<head>
<title>sample-jquery - JQuery - basic</title>
<script type="text/javascript" src="/sample-jquery/view/layout/jquery-1.2.6.js"></script>

<script type="text/javascript">
$(document).ready(function(){
 //$("a").addClass("test").show().html("This will replace the link name!");
		
 $("a")
   .filter(".clickme")
     .click(function(){
       alert("You are now leaving the site.");
     })
   .end()
   .filter(".hideme")
     .click(function(){
       $(this).hide();
       return false;
     })
   .end();
});
</script>

<style type="text/css">
	a.test { font-weight: bold; }
</style>

</head>

<body>

<a href="http://google.com/" class="clickme">I give a message when you leave</a>
<br/>

<a href="http://yahoo.com/" class="hideme">Click me to hide!</a>
<br/>
 
<a href="http://microsoft.com">I'm a normal link</a>
<br/>

<a href="http://jquery.com/" class="jqueryLink">jQuery</a>
<br/>

</body>



